<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <img src="01.jpg" alt="" />
    <script>
      //   宏任务是浏览器发起的;
      //   微任务是js引擎发起的;
      //   除了promise和async 是微任务外
      //   其他的任务都是宏任务，比如说 ajax，计时器，dom节点操作，引入script标签

      //   至于谁先谁后执行的问题，同步任务先执行，异步任务后执行，
      //   js是一个单线程的语言，同步任务在主线程上，异步任务放在任务队列里，
      //   当主线程上的同步任务执行完成后，任务队列里的异步任务就会被推进主线程里
    </script>
  </body>
</html>
